<template>
  <view class="main">
    <u-navbar
      :title="params.customerName"
      back-icon-color="#fff"
      title-color="#fff"
      :background="{ backgroundColor: 'rgb(61, 95, 255)' }"
    >
    </u-navbar>

    <iframe :src="url" frameborder="0" class="body"></iframe>
  </view>
</template>

<script>
import { BASE_URL } from "@/utils/ip.js";

export default {
  data() {
    return {
      url: "",
      params: {},
    };
  },
  onLoad(obj) {
    this.params = JSON.parse(obj.item);
    const { waveDuration, waveRiskPoint, anaDay, customerNo, areaName } = this.params;
    const query = [customerNo, areaName, anaDay].join("|");
    let url = "gasRisk";
    if (waveDuration == 0 && waveRiskPoint == 0) {
      //url = 'gasRisk/description'
    }
    //
    let href = "https://10.10.10.10:7076";
    this.url = `${BASE_URL}/#/${url}?id=${query}`;
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
.body {
  width: 100%;
  height: 100%;
}
.main {
  background: #f7f7fa;
}
</style>
